<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>您的购物袋</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/bag.css">
</head>

<body>
    <div class="logo"><img src="../images/logo.png" alt=""></div>
    <div class="nav-warp">
        <div class="nav center">
            <div class="nav-list"><a href="../index.html">首页</a></div>
            <div class="nav-list"><a href="./classft.html">分类</a></div>
            <div class="nav-list"><a href="./bag.html">购物袋</a></div>
            <div class="nav-list"><a href="./story.html">品牌故事</a></div>
            <div class="nav-list"><a href="./contact.html">联系我们</a></div>
            <div class="nav-list"><a href="./login.html">登录</a></div>
        </div>

    </div>

    <main class="center">
        <h2>您的购物袋</h2>
        <table>
            <thead>
                <tr>
                    <th>商品名称</th>
                    <th></th>
                    <th>价格</th>
                    <th>数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>奢华至臻面霜</td>
                    <td>
                        <img src="../images/index/10.png" alt="商品图片">
                    </td>
                    <td>￥799</td>
                    <td>
                        <input type="number" value="1" min="1">
                    </td>
                    <td>￥799</td>
                    <td>
                        <button>删除</button>
                    </td>
                </tr>
                <tr>
                    <td>[空气面霜] 沁润奇肌保湿乳霜/凝露/滋养霜</td>
                    <td>
                        <img src="../images/index/3.jpg" alt="商品图片">
                    </td>
                    <td>￥510.00</td>
                    <td>
                        <input type="number" value="1" min="1">
                    </td>
                    <td>￥510.00</td>
                    <td>
                        <button>删除</button>
                    </td>
                </tr>
                <tr>
                    <td>滋盈肌本舒活紧致霜</td>
                    <td>
                        <img src="../images/classfy/4.jpg" alt="商品图片">
                    </td>
                    <td>￥1234.00</td>
                    <td>
                        <input type="number" value="1" min="1">
                    </td>
                    <td>￥1234.00</td>
                    <td>
                        <button>删除</button>
                    </td>
                </tr>
                <tr>
                    <td>胶原霜乳霜款</td>
                    <td>
                        <img src="../images/classfy/5.webp" alt="商品图片">
                    </td>
                    <td>￥999.00</td>
                    <td>
                        <input type="number" value="1" min="1">
                    </td>
                    <td>￥999.00</td>
                    <td>
                        <button>删除</button>
                    </td>
                </tr>
            </tbody>
        </table>

        <div>
            <p style="line-height: 90px;">合计：￥4769</p>
            <button class="checkout-btn">去结算</button>
        </div>
    </main>
    <div class="d" style="width: 400px; margin: 100px auto;"><img src="../images/contact/Bitmap.png" alt=""></div>

    <footer>
        <div class="footer-box">
            <div class="footer-img"> <img src="../images/logo.png" alt=""></div>
            <p>释放自然光辉，呵护你的肌肤之美。</p>
        </div>
    </footer>

</body>

</html>